<script setup lang="ts">
import { ref } from 'vue';
import { CapsuleItem } from '../../components/capsule';

const items: CapsuleItem[] = [
    { name: '升序', value: 'asc', icon: 'f-icon f-icon-col-ascendingorder' },
    { name: '降序', value: 'desc', icon: 'f-icon f-icon-col-descendingorder' }
];
const activeValue = ref('desc');
function onChange(latestValue: any) {
    console.log(latestValue);
}
</script>
<template>
    <f-capsule :items="items" v-model="activeValue" @change="onChange"></f-capsule>
</template>
